body{
    background-color: #ddd;
}

#outer{
    /* border: 1px solid black; */
    width: 100%;
    height: 100%;
}
.nav{
    /* border: 1px solid black; */
    width: 1200px;
    height: 30px;
    margin: 0 auto;
}
.nav2{
   
    width: 70%;
    height: 30px;
    float: right;
}
.nav-logo{
    background-color: white;
    width: 100%;
    height: 100px;
}

.search{
    /* border: royalblue 1px solid; */

    width: 1200px;
    height: 100px;

    margin: 0 auto;

}

    .navf{
        width: 500px;
        height: 100px;

        background-image: url(../img/logo.png);
        /* background-size: cover; */
        background-repeat: no-repeat;


        float: left;
    }

    .navt{
        /* border: royalblue 1px solid; */
        width: 450px;
        height: 100px;
        float: left;
    }

        #parent{
            top: 30px;
            position: relative;
        }

        #search{
            border: 2px solid green;
            width: 300px;
            height: 40px;

        /* 边框的圆角的设置 */
        /* border-radius: 5px; */

        /* padding-left: 22px; */

        /* 首行文本缩进 */
        text-indent: 22px;
        }


    .cart{
        width: 250px;
        float: right;
    }
    .cart-f{
        margin-top: 30px;
    }

        .c1{
            width: 15px;
            height: 15px;

            background-image: url(../img/zoom.png);
            display: inline-block;
            background-repeat: no-repeat;

            position: absolute;

            top: 3px;
            left: 5px;
        }

        .bsou{
            background-color:green;
            border: none;
            color: white;

            font-size: 15px;

            width: 80px;
            height: 44px;

            position: absolute;

        }

.nav-body{
    /* border: solid 1px black; */
    width: 100%; 
    background-image: url(../img/z6.png);
    margin-bottom: 20px;
}

.nav-body::after{
    content: "";
    clear: both;
    display: block;
    /* 超出部分隐藏 */
    overflow: hidden;
    visibility: hidden;
}
.w{
    width: 1200px;
    margin:0 auto;
}

.meun{
    /* background-color: white;*/
    /*width: 170px; */
    margin-right: 10px;
    margin-top: 30px;
    /* float: left; */
}

.nav-meun{
    margin-right: 10px;
    background-color: #9999;
}

.main{

    width: 980px;

    margin-top: 30px;

    /* float: left; */
}

    .wallet{
        /* border: 2px solid green; */
        background-color: #9999;

        width: 100%;
        height: 150px;
        margin-bottom: 10px;

    }

        .w-first{
            width: 100%;
            height: 40px;
            text-align: center;

            padding-top: 10px;

            /* border-bottom: solid ; */
        }

        .w-first-f{
            /* margin-left: 15px; */
            color: #666666;
        }

        /* .num{
            padding-top: 10px;
            margin-bottom: 10px;
            margin-left: 40px;
        }

        .name{
            margin-left: 40px;
        } */

    .order{
        width: 700px;
        /* height: 200px; */
        margin-right: 10px;

        float: left;
    }

    .o-first{
        width: 100%;
        background-color: #9999;
    }

    .product{
        background-color: #9999;
        margin-top: 10px;
        width: 100%;
        height: 300px;
    }

        .p-first{
            height: 40px;
            text-align: center;
            padding-top: 5px;
        }

        .icon{
            width: 50px;
            height: 50px;
            margin-bottom: 10px;
            margin-left: 40px;
        }
        .icon-n{
            margin-left: 40px;
            margin-bottom: 10px;
        }
.g{

    width: 270px;
    float: left;
}

    .g-one{
        background-color: #9999;
        height: 120px;
        margin-bottom: 10px;
    }
    .g-two{
        background-color: #9999;
        height: 120px;
        margin-bottom: 10px;
    }
        .g-two-t{

            margin-left: 90px;
        }
    .g-three{
        background-color: #9999;
        height: 120px;

    }


.bott{
    /* background-color: #eaeaea; */
    /* background-image: url(../img/z5.png); */
    color: #999999;
    width: 100%;
    padding: 30px 10px;
}
    .bott-f{
        width: 1200px;
        margin: 0 auto;
    }


.item{
    /* border: solid; */
    height: 30px;
    line-height: 30px;
    margin-bottom: 20px;
}

.item-label{
    float: left;
    width: 100px;
    text-align: right;
    line-height: 30px;
}

.item-f{
    float: left;
    line-height: 30px;
}


.dd{
    color: #999999;
}